<template>
  <AppPage class="bg-[#f5f6fa] h-screen" article-class="" header-class="bg-[#3d8ffd]">
    <template #center>
      <span class="c-white">查看要求</span>
    </template>
    <div class="pb-70">
      <div class="px-15 pt-15 mb-10">
        <div class="bg-white rounded-6 px-12 pb-6">
          <h3 class="pt-10 text-15 pb-6 font-600">查看要求</h3>
          <p class="text-13 pb-6" v-if="needList.length" v-for="(item, i) in needList" :key="i">{{ item }}</p>
          <p class="text-13 pb-6" v-else-if="!needList.length">暂无要求</p>
        </div>
      </div>
    </div>
  </AppPage>
</template>
<script setup>
import { onMounted, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useVisaStore } from '@/store/modules/visa/index.js'
let needList = ref([])
const route = useRoute()
const router = useRouter()

onMounted(async () => {
  // needList: [],
  // uploadInfo: {}
  let _needList = useVisaStore().needList
  if (_needList.attention) {
    if (_needList.attention.includes('/n')) {
      needList.value = _needList.attention.split('')
    } else {
      needList.value = [_needList.attention]
    }
  }
})
</script>
<style scoped>
.card-tabs .n-tabs-nav--bar-type {
  padding-left: 4px;
}
</style>
<style lang="scss" scoped>
.city {
  line-height: 32px;
  border: 1px solid #ddd;
}
.city.active {
  line-height: 32px;
  border: 1px solid #f00;
}
</style>